<template>
	<view class="unionsettlement-title">
		<view class="title">
			<image src="../../static/images/weishenpi.png" mode="" class="img"></image>
			<view class="text">
				您的入会申请超15日未审批，您可以通过12351平台咨询或投诉。
			</view>
		</view>
		<view class="btn1 btn-postion">
			<button class="button">
				
				跳转到12351平台
			</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				showtitle: true,
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.unionsettlement-title {
		.title {
			transform: translateY(126rpx);
			margin: 0 auto 320rpx;
			width: 578rpx;
			height: 338rpx;
			position: relative;
			// top: 50%;
			// left: 50%;
			// transform: translate(-50%,-50%);
			border-radius: 10px;
			background: rgba(189, 26, 45, 1);

			.img {
				width: 172rpx;
				height: 172rpx;
				position: absolute;
				top: -43px;
				left: 50%;
				transform: translate(-50%);
			}

			.text {
				width: 436rpx;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				color: rgba(255, 255, 255, 1);
			}

		}

		.btn-postion {
			width: 100%;
			position: absolute;
			bottom: 100rpx;
			left: 50%;
			transform: translateX(-50%);
		}

	}
</style>